<#include "include/macros.ftl">
<@header></@header>


<div class="container top30">
    <div class="row">
        <div class="col-md-8">
            <div id="related-article" hidden>
            </div>
        <#--留言框-->
            <div class="col-md-12 article-div comment-editor" style="background: white">
                <div class="col-md-12">
                    <span name="comment-header">😄留个言吧
                        <sapn id="qqName" style="font-size: 14px"></sapn>
                    </span>
                </div>
                <hr>
                <div class="col-md-12">
                    <div class="row">
                        <div class="col-md-12" style="height: 150px;">
                            <div id="editor" style="max-height: 100px;">
                            </div>
                        </div>
                    <#--本文id-->
                        <input hidden id="sid" value="${article.id}"/>
                    </div>
                    <button style="margin-top: 20px;" class="btn btn-info btn-block btn-sm" onclick="submitComment()">留言</button>
                </div>
            </div>

            <#--留言内容-->
            <div class="col-md-12 article-div" style="background: white">
                <div class="col-md-12">
                    <span>👬共<span id="comment-number">0</span>条留言</span>
                    <hr>
                </div>
                <div class="col-sm-12">
                    <div class="ibox float-e-margins">
                        <div class="ibox-content">
                            <div id="comment-box">
                                <div id="comment-list" class="feed-activity-list">
                                    <!--评论item-->

                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    <@rightDiv></@rightDiv>
    </div>
</div>



<#--当前被评论的的标识-->
<input id="comment-pid" hidden/>
<#--当前赞踩的的标识-->
<input id="ops-pid" hidden/>
<div class="modal fade bd-example-modal-sm" id="commentModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title" id="myModalLabel">修改信息</h4>
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
            </div>
            <div class="modal-body">
                <!--表单s-->
                <form id="qqInfoDiv" class="form-horizontal qq-info-form">
                    <div class="input-group">
                        <div class="input-group-prepend">
                            <div class="input-group-text" id="btnGroupAddon">QQ</div>
                        </div>
                        <input id="number" type="text" class="form-control" placeholder="请输入qq号码"  aria-describedby="btnGroupAddon">
                     </div>
                    <div class="input-group">
                        <div class="input-group-prepend">
                            <div class="input-group-text" id="btnGroupAddon">昵称</div>
                        </div>
                        <input id="nikeName" type="text" class="form-control" aria-describedby="btnGroupAddon">
                    </div>
                    <div class="input-group">
                        <div class="input-group-prepend">
                            <div class="input-group-text" id="btnGroupAddon">邮箱</div>
                        </div>
                        <input id="email" type="text" class="form-control" aria-describedby="btnGroupAddon">
                    </div>
                    <div class="input-group">
                        <div class="input-group-prepend">
                            <div class="input-group-text" id="btnGroupAddon">网址</div>
                        </div>
                        <input id="zone" type="text" class="form-control"  aria-describedby="btnGroupAddon">
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button id="submitComment" data-id="-1" type="button" class="btn btn-primary btn-sm">提交留言</button>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal -->
</div>

<@footer></@footer>
